*{
    margin: 0px;
    padding: 0px;
}
html,body{
    width: 100%;
    
    background:#ff6863;
}
a{
    text-decoration: none;
}
.register .title{
	width: 100%;
	color:white;
	text-align: center;
	padding-top: 2em;
	font-size: 1.2em;
}
.register .pic1{
	width: 100%;
}
.register .pic1>img{
	width: 30%;
}
.register .gifts{
	margin-top: 0.2em;
	width: 100%;
	text-align: center;
}
.register .gifts>img{
	width: 90%;
}
.register .bank{
	margin-top: 0.8rem;
	width: 100%;
	text-align: center;
}
input.code-gray{
	background: #eee;
	color: #000;
}
@-webkit-keyframes fadeInOut {
    0% {
        transform:translate(0,0);
		-webkit-transform:translate(0,0);
		-moz-transform:translate(0,0);
		-o-transform:translate(0,0);
		-ms-transform:translate(0,0);
     }
    25% {
      	transform:translate(0,-20px);
		-webkit-transform:translate(0,-20px);
		-moz-transform:translate(0,-20px);
		-o-transform:translate(0,-20px);
		-ms-transform:translate(0,-20px);
    }
    50% {
        transform:translate(0,0);
		-webkit-transform:translate(0,0);
		-moz-transform:translate(0,0);
		-o-transform:translate(0,0);
		-ms-transform:translate(0,0);   
    }
    75% {
        transform:translate(0,-20px);
		-webkit-transform:translate(0,-20px);
		-moz-transform:translate(0,-20px);
		-o-transform:translate(0,-20px);
		-ms-transform:translate(0,-20px);
    }
}
.register .bank>img{ 
	width: 90%;
    -webkit-animation-name: fadeInOut;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 6s;
    -webkit-animation-direction: alternate;
}

.form{
	width:100%;
	height:4rem;
	box-sizing:border-box;
	/* background: #A41D24;
	padding-top:0.1rem; */
}
.form dd{
	position:relative;
	width:90%;
	margin-left:5%;
	margin-top:0.2rem;
}
.form .inputxt{
	width:95%;
	border-radius:50px;
		-moz-border-radius:50px;
		-ms-border-radius:50px;
		-o-border-radius:50px;
		-webkit-border-radius:50px;
		height:0.8rem;
		line-height: 0.8rem;
	padding-left:5%;
	outline: none;
	border:0;
}
.code{
	outline: none;
	border:0;
	position:absolute;
	width:40%;
	height:0.8rem;
		line-height: 0.8rem;
	top:0;
	right:0;
	background:#fcdf39;
	color:red;
	font-size:0.2rem;
	text-align:center;
	cursor:pointer;
	letter-spacing:5px;
	border-radius:50px;
		-moz-border-radius:50px;
		-ms-border-radius:50px;
		-o-border-radius:50px;
		-webkit-border-radius:50px;
}
.btn{
		height:0.8rem;
		line-height: 0.8rem;
	display:inline-block;
	width:90%;
	margin-left:5%;
	text-align:center;
	margin-top:0.3rem;
	font-weight: bold;
	cursor:pointer;
	font-size:0.4rem;
	letter-spacing:3px;
	border-radius:50px;
		-moz-border-radius:50px;
		-ms-border-radius:50px;
		-o-border-radius:50px;
		-webkit-border-radius:50px;
		color:#ff6863;
		background: #fcdf39;
}


.lijizhuce{
	color:#ff6863;
	position: absolute;
	top:33%;
	font-size: 0.4rem;
	left:0;
	right:0;
	margin: auto;
}
.register .footer{
	text-align: center;
}
.register .newcomer{
	margin-top: 3em;
	width: 100%;	
}
.register .newcomer>img{
	width: 50%;
}
.register .good_gifts{
	margin-top: 1em;
	width: 100%;	
}
.register .good_gifts>img{
	/* width: 43%; */
	width:100%;
}
.register .good_gifts>img:first-of-type{
	margin-right: 0.8em;
}
.new_exclusive{
	margin-top: 0.4em;
	width: 100%;
	position:relative;
}
.new_exclusive>img{
	width: 90%;
}
.investment_btn{
	width: 60%;
	position: absolute;
	position:absolute;
	left:0; right:0; top:70%;
	margin:auto;
}
.investment_btn img{
	width: 100%;
}
.investment{
	color:white;
	position: absolute;
	bottom:2.2em;
	left:7.7em;
	font-size: 1.4em;
}
.feature{
	margin-top: 2em;
	width: 100%;
}
.feature>img{
	width: 90%;
}
.question{
	margin-top: 3em;
	padding-bottom: 2em;
	width: 100%;
	color:white;
}
